<!DOCTYPE html>
<html lang="en">
<head>
    <!-- META TAGS -->
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="robots" content="INDEX,FOLLOW" />
    <!-- MAIN HEAD -->
    <title>Sản phẩm - Mai Hoang JSC.</title>
    <link href="css/core.css" rel="stylesheet" />
    <link href="css/styles.css" rel="stylesheet" />
    <link href="css/slider.css" rel="stylesheet" />
    <link href="css/css3main.css" rel="stylesheet" />
    <!--[if lt IE 9]>
        <link href="css/fixIE.css" rel="stylesheet" />
        <script type="text/javascript" src="js/html5.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="js/oe.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</head>
<body>
    <header role="info">
        <div class="head-top">
            <ul class="clearfix">
                <li><i class="icon-tel">&nbsp;</i>012.345.6789</li>
                <li><i class="icon-mail">&nbsp;</i>info@maihoangjsc.com</li>
                <li><i class="icon-pin">&nbsp;</i>Số 1 - Hồ Hoàn Kiếm - Hà Nội</li>
            </ul>
        </div>
        <div class="container clearfix">
            <h1 class="logo"><a href="#">Công ty Cổ phần Mai Hoàng</a></h1>
            <nav class="mainnav">
                <ul>
                    <li><a href="/" class="active">Trang chủ</a></li>
                    <li><a href="/page.html">Giới thiệu</a></li>
                    <li><a href="/product.html">Sản phẩm</a></li>
                    <li><a href="/product_single.html">Trang Sản phẩm</a></li>
                    <li><a href="/news.html">Tuyển dụng</a></li>
                    <li><a href="/contact.html">Liên hệ</a></li>
                </ul>
            </nav>
        </div>
        <div id="nav-thief" class="fadeIn slideFromTop">
            <div class="container">
                <h1 class="logo"><a href="#">Công ty Cổ phần Mai Hoàng</a></h1>
                <nav class="clearfix">
                    <ul>
                        <li><a href="/" class="active">Trang chủ</a></li>
                        <li><a href="/page.html">Giới thiệu</a></li>
                        <li><a href="/product.html">Sản phẩm</a></li>
                        <li><a href="/product_single.html">Trang Sản phẩm</a></li>
                        <li><a href="/news.html">Tuyển dụng</a></li>
                        <li><a href="/contact.html">Liên hệ</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <div id="wrapper">
        <div class="spotlight">
            <img src="./images/cat/4.jpg" alt="Category Image" class="spl-thumb"/>
            <h2 class="spl-info small">Liên hệ</h2>
        </div><!-- /.spotlight -->
        <section class="main-content container">
            <div class="ct-info clearfix">
                <h3 class="title-bar"><a href="#">Thông tin liên hệ</a></h3>
                <div class="cti-content">
                    <p>Sed adipiscing, leo vel suscipit placerat, nulla leo mollis lorem, a euismod lacus purus a libero. Lorem ipsum dolor sit amet communitas glavrida amet.</p>
                    <ul>
                        <li><strong>Địa chỉ:</strong> Số 1, Hồ Hoàn Kiếm - Ba Đình - Hà Nội</li>
                        <li><strong>Điện thoại:</strong> 0123.456.789</li>
                        <li><strong>Email:</strong> info@yoursite.com, sales@yoursite.com</li>
                        <li><strong>Giờ làm việc:</strong> 8:00 - 17:00 từ thứ 2 đến thứ 6 hàng tuần</li>
                    </ul>
                </div>
                <div class="cti-social">
                    <ul>
                        <li><a href="#" class="icon-social">Mai Hoang Facebook</a></li>
                        <li><a href="#" class="icon-social gplus">Mai Hoang GooglePlus</a></li>
                        <li><a href="#" class="icon-social mail">Mai Hoang Email</a></li>
                        <li><a href="#" class="icon-social web">Mai Hoang Website</a></li>
                    </ul>
                </div>
            </div>
            <div class="ct-map">
                <div id="map-canvas"></div>
            </div>
            <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
            <script>
                var map;
                function initialize() {
                  var mapOptions = {
                    zoom: 16,
                    center: new google.maps.LatLng(21.027850, 105.852272),
                    mapTypeControl: false,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                  };
                  map = new google.maps.Map(document.getElementById('map-canvas'),
                      mapOptions);
                }

                google.maps.event.addDomListener(window, 'load', initialize);
            </script>
        </section><!-- /.main-content -->
    </div><!-- /#wrapper -->
    <footer>
        <div class="container clearfix">
            <span class="separator">&nbsp;</span>
            <div class="foot-left">
                <h5 class="foot-logo">Mai Hoang JSC.</h5>
                <div class="foot-info">
                    <p><strong>Công ty Cổ phần Mai Hoang</strong></p>
                    <p>Trụ sở chính: Số 1 - Hồ Hoàn Kiếm - Hà Nội</p>
                    <p>Tel: (84.4) 123.4567  Fax: (84.4) 987.6543</p>
                    <p>E-mail: info@maihoangjsc.com</p>
                </div>
            </div>
            <div class="foot-right">
                <p>Copyright © Mai Hoang 2013. Developed by <a href="http://ownego.com">OwnEGO</a>.
</p>
            </div>
        </div>
    </footer>
</body>
</html>